import React, {useMemo} from 'react'

interface ModalFooterProps {
  className?: string
}

const ModalFooter: React.FC<ModalFooterProps> = ({className, children}): React.ReactElement => {
  const renderContent: React.ReactElement = useMemo(() => {
    const classNameResult: string =
      'modal-footer modal-footer-admin ' + (className ? className : '')
    return <div className={classNameResult}>{children}</div>
  }, [children, className])

  return <>{renderContent}</>
}

export {ModalFooter}
